<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>商品筛选</title>
<link type="text/css" rel="stylesheet" href="style/bootstrap.min.css">
<link type="text/css" rel="stylesheet" href="style/reset.css">
<link type="text/css" rel="stylesheet" href="style/main.css">
<!-- <link type="text/css" rel="stylesheet" href="style/main2.css"> -->
<link type="text/css" rel="stylesheet" href="style/index.css">
<link type="text/css" rel="stylesheet" href="style/main.min.css">
</head>

<body>
    <div class="headerBar">
    	<div class="topBar index">
    		<div class="comWidth">
    			<div class="leftArea">
    				<div class="account fl" id="account">
                        <a href="#"><span class="sign-success"></span></a>
                            <div class="mune" id="account_mune">
                                <div class="shangmian">
                                    <div class="leftArea">
                                    <a href="#"><img src="images/logo/taxyh-3.jpg" alt=""></a>
                                    </div>
                                    <div class="account_mang rightArea">
                                        <div class="fr qingfu"><a class="manage">账号管理</a><a class="exit">退出</a></div>
                                        <div class="fl qingfu"><a href="#"><img src="images/icon/huiyuan4.jpg"></a></div>
                                         <div class="fl qingfu"> <a href="#">我可尊享15项特权</a></div>
                                    </div>
                                </div>
                                <div class="h_1 qingfu"></div>
                                <div class="xiamian qingfu">
                                <a href="#"><div class="tqtime">我当前享受2天节日特权</div></a>
                                </div>
                       		</div>
    				</div>
    			</div>
    			<div class="phone fl"><a href="https://www.pgyer.com/taoaixin" id="phone">手机淘爱心</a></div>
    			</div>
    			<div class="rightArea">
    				<a href="#"><span class="fl F_tax" style="color:red";>淘爱心首页</span></a>
    				
                    <div class="wdtax fl" id="wdtax">
                        <a href="account.html">我的淘爱心</a>
                        <ul class="mune" id="wdtax_mune">
                            <li><a href="#">已淘到的爱心</a></li>
                            <li><a href="#">我的足迹</a></li>
                            <li><a href="#">爱公益</a></li>
                            <li><a href="#">新欢</a></li>
                        </ul>
                    </div>
    				<a href="#" class="fl">我的消息</a>
                    <div class="myshop fl">
    					<span class="shopping-icon">&#xe60f;</span>
                    	<a href="#">购物车</a></div>
                    <div class="favorites fl" id="favorites">
                    	<span class="icon-fav">&#xe610;</span>
                        <a href="favorite.html">收藏夹</a>
                        <ul class="mune" id="favorites_mune">
                            <li><a href="#">收藏的宝贝</a></li>
                            <li><a href="#">收藏的店铺</a></li>
                        </ul>
                    </div>
                    <div class="seller fl" id="seller">
                        <a href="sellerCenter.html">卖家中心</a>
                        <ul class="mune" id="seller_mune">
                            <li><a href="sellerCenter.html">免费开店</a></li>
                            <li><a href="#">已卖出的宝贝</a></li>
                            <li><a href="#">出售中宝贝</a></li>
                            <li><a href="#">卖家资质</a></li>
                        </ul>
                    </div>
                    <div class="service fl" id="service">
                        <a href="#">联系客服</a>
                        <ul class="mune" id="service_mune">
                            <li><a href="#">收藏的宝贝</a></li>
                            <li><a href="#">收藏的店铺</a></li>
                        </ul>
                    </div>
    			</div>
    		</div>	
    </div>
    <div class="midbar">
        <div class="tiaofu">
    		<img src="images/index/taxzy-4.jpg">
       </div>
    </div>
	<div class="logoBar">
		<div class="smallcomWidth clearfix" style="width: 1000px">
			<div class="logo fl">
				<a href=""><img src="images/logo/tax-1.jpg" alt="淘爱心"></a>
			</div>
			<div class="search_box fl">
				<input type="text" class="search_text fl">
				<input type="button" value="搜 索" class="search_btn fr" style="height: 35px;">
			</div>
			<a href="shopping.html">
                <div class="shopCar fr">
                <!-- <span class="shopText fl">购物车</span> -->
                <span class="shopping-icon fl">&#xe60f;</span>
                <span class="shoppingCar fl" style="width: 70px">购物车</span>
                <span class="shopNum fl">0</span>
            </div>
            </a>
		</div>
	</div>
    <div class="product container">
        <div class="row">
            <div class="col-md-2 side-screen no-padding">
                <div class="product-left">
                    <div class="top">
                        <h5>全部商品分类</h5>
                    </div>
                    <div class="content">
                        <h5>书籍资料</h5>
                        <div class="content-item">
                            <h5>二手书籍</h5>
                            <ul class="content-ul">
                                <li>计算机类书籍</li>
                                <li>考研类书籍</li>
                            </ul>
                        </div>
                        <div class="content-item">
                            <h5>二手书籍</h5>
                            <ul class="content-ul">
                                <li>计算机类书籍</li>
                                <li>考研类书籍</li>
                            </ul>
                        </div>
                        <div class="content-item">
                            <h5>二手书籍</h5>
                            <ul class="content-ul">
                                <li>计算机类书籍</li>
                                <li>考研类书籍</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>     
            <div class="col-md-10 product-list">
                <div class="col-lg-12">
                    <ul class="product-nav-bar clearfix">
                        <li class="col-lg-3 "><a href="">爱心推荐</a></li>
                        <li class="col-lg-3 "><a href="">爱心商品</a></li>
                        <li class="col-lg-3"><a href="">爱心岗位</a></li>
                        <li clasps="col-lg-3"><a href="">爱心时间</a></li>
                    </ul>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-6">
                    <div class="product-item">
                        <div class="product-img">
                            <a href="details.html" class="link-dark">
                                <img src="images/products/1.jpg" class="img-responsive">
                            </a>
                        </div>
                        <div class="product-info">
                            <div class="title">
                                <a href="details.html" class="link-dark">这事儿还真得说道说道</a>
                            </div>
                            <p class="text-line"></p>
                            <div class="metas clearfix">
                                <span class="price">￥1100</span>
                                <span class="num">53人已付款</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-6">
                    <div class="product-item">
                        <div class="product-img">
                            <a href="details.html" class="link-dark">
                                <img src="images/products/2.jpg" class="img-responsive">
                            </a>
                        </div>
                        <div class="product-info">
                            <div class="title">
                                <a href="details.html" class="link-dark">这事儿还真得说道说道</a>
                            </div>
                            <p class="text-line"></p>
                            <div class="metas clearfix">
                                <span class="price">￥11</span>
                                <span class="num">43人已付款</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-6">
                    <div class="product-item">
                        <div class="product-img">
                            <a href="details.html" class="link-dark">
                                <img src="images/products/3.jpg" class="img-responsive">
                            </a>
                        </div>
                        <div class="product-info">
                            <div class="title">
                                <a href="details.html" class="link-dark">这事儿还真得说道说道</a>
                            </div>
                            <p class="text-line"></p>
                            <div class="metas clearfix">
                                <span class="price">￥500</span>
                                <span class="num">3人已付款</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-6">
                    <div class="product-item">
                        <div class="product-img">
                            <a href="details.html" class="link-dark">
                                <img src="images/products/4.jpg" class="img-responsive">
                            </a>
                        </div>
                        <div class="product-info">
                            <div class="title">
                                <a href="" class="link-dark">这事儿还真得说道说道</a>
                            </div>
                            <p class="text-line"></p>
                            <div class="metas clearfix">
                                <span class="price">￥10</span>
                                <span class="num">5人已付款</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-6">
                    <div class="product-item">
                        <div class="product-img">
                            <a href="details.html" class="link-dark">
                                <img src="images/products/5.jpg" class="img-responsive">
                            </a>
                        </div>
                        <div class="product-info">
                            <div class="title">
                                <a href="details.html" class="link-dark">这事儿还真得说道说道</a>
                            </div>
                            <p class="text-line"></p>
                            <div class="metas clearfix">
                                <span class="price">￥100</span>
                                <span class="num">533人已付款</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-6">
                    <div class="product-item">
                        <div class="product-img">
                            <a href="details.html" class="link-dark">
                                <img src="images/products/4.jpg" class="img-responsive">
                            </a>
                        </div>
                        <div class="product-info">
                            <div class="title">
                                <a href="details.html" class="link-dark">这事儿还真得说道说道</a>
                            </div>
                            <p class="text-line"></p>
                            <div class="metas clearfix">
                                <span class="price">￥1100</span>
                                <span class="num">53人已付款</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-6">
                    <div class="product-item">
                        <div class="product-img">
                            <a href="details.html" class="link-dark">
                                <img src="images/products/3.jpg" class="img-responsive">
                            </a>
                        </div>
                        <div class="product-info">
                            <div class="title">
                                <a href="details.html" class="link-dark">这事儿还真得说道说道</a>
                            </div>
                            <p class="text-line"></p>
                            <div class="metas clearfix">
                                <span class="price">￥1100</span>
                                <span class="num">53人已付款</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-6">
                    <div class="product-item">
                        <div class="product-img">
                            <a href="details.html" class="link-dark">
                                <img src="images/products/2.jpg" class="img-responsive">
                            </a>
                        </div>
                        <div class="product-info">
                            <div class="title">
                                <a href="details.html" class="link-dark">这事儿还真得说道说道</a>
                            </div>
                            <p class="text-line"></p>
                            <div class="metas clearfix">
                                <span class="price">￥1100</span>
                                <span class="num">53人已付款</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-6">
                    <div class="product-item">
                        <div class="product-img">
                            <a href="details.html" class="link-dark">
                                <img src="images/products/5.jpg" class="img-responsive">
                            </a>
                        </div>
                        <div class="product-info">
                            <div class="title">
                                <a href="details.html" class="link-dark">这事儿还真得说道说道</a>
                            </div>
                            <p class="text-line"></p>
                            <div class="metas clearfix">
                                <span class="price">￥1100</span>
                                <span class="num">53人已付款</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-6">
                    <div class="product-item">
                        <div class="product-img">
                            <a href="details.html" class="link-dark">
                                <img src="images/products/6.jpg" class="img-responsive">
                            </a>
                        </div>
                        <div class="product-info">
                            <div class="title">
                                <a href="details.html" class="link-dark">这事儿还真得说道说道</a>
                            </div>
                            <p class="text-line"></p>
                            <div class="metas clearfix">
                                <span class="price">￥1100</span>
                                <span class="num">53人已付款</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-6">
                    <div class="product-item">
                        <div class="product-img">
                            <a href="details.html" class="link-dark">
                                <img src="images/products/7.jpg" class="img-responsive">
                            </a>
                        </div>
                        <div class="product-info">
                            <div class="title">
                                <a href="details.html" class="link-dark">这事儿还真得说道说道</a>
                            </div>
                            <p class="text-line"></p>
                            <div class="metas clearfix">
                                <span class="price">￥1100</span>
                                <span class="num">53人已付款</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-6">
                    <div class="product-item">
                        <div class="product-img">
                            <a href="details.html" class="link-dark">
                                <img src="images/products/8.jpg" class="img-responsive">
                            </a>
                        </div>
                        <div class="product-info">
                            <div class="title">
                                <a href="details.html" class="link-dark">这事儿还真得说道说道</a>
                            </div>
                            <p class="text-line"></p>
                            <div class="metas clearfix">
                                <span class="price">￥1100</span>
                                <span class="num">53人已付款</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="text-center">
                    <ul class="pagination ">
                        <li><a href="#">&laquo;</a></li>
                        <li><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">5</a></li>
                        <li><a href="#">&raquo;</a></li>
                    </ul>
                </div>
            </div>     
        </div>

    </div>

<div class="hr_15"></div>

<div class="footer">
	<div class="comWidth clearfix">
    	<div class="footitem">
        <h3>关于淘爱心</h3>
        <ul class="data ">
				<li><a href="#" class="active">关于我们</a></li>
				<li><a href="#">联系我们</a></li>
				<li><a href="#">加入我们</a></li>
			</ul>
        </div>
        <div class="footitem">
        <h3>爱心资质</h3>
        <ul class="data">
				<li><a href="#" class="active">发布人资质</a></li>
				<li><a href="#">接单人资质</a></li>
				<li><a href="#">必备审核材料</a></li>
			</ul>
        </div>
        <div class="footitem">
        <h3>购物帮助</h3>
        <ul class="data">
				<li><a href="#" class="active">购物须知</a></li>
				<li><a href="#">订单相关</a></li>
				<li><a href="#">商品相关</a></li>
              <li><a href="#">积分相关</a></li>
			</ul>
        </div>
        <div class="footitem">
        <h3>手机淘爱心</h3>
        <ul class="data">
				<li><a href="#" class="active">iphone</a></li>
				<li><a href="#">Andriod</a></li>
			</ul>
        </div>
        <div class="footitem">
        <h3>在线客服</h3>
        <ul class="data">
				<li><a href="#" class="active">工作时间：9：00～18:00</a></li>
				<li><a href="#">建议邮箱：11111111@qq.com</a></li>
				
			</ul>
        </div>
    </div>
</div>
<div class="hr_45">
	<p>Copyright&nbsp;&nbsp;&nbsp;2015&nbsp;&nbsp;taoaixin.com&nbsp;&nbsp;杭州电子科技大学版权所有</p>
</div>
<script type="text/javascript" src="js/jquery-1.11.3.js"></script>
<script type="text/javascript" src="js/myjs.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/easyPay.js"></script>
</body>
</html>